<template>
  <div class="mod-home">
    <h3>{{ $t("home.desc.title") }} rrtrtr</h3>
    <ul>
      <li v-for="item in list" :key="item" v-html="item"></li>
    </ul>
  </div>
</template>

<style lang="less">
.mod-home {
  table {
    width: 100%;
    border: 1px solid #ebeef5;
    border-collapse: collapse;
    th,
    td {
      padding: 12px 10px;
      border: 1px solid #ebeef5;
    }
    th {
      width: 30%;
    }
  }
}
</style>

<script lang="ts" setup>
import { onMounted, reactive, ref } from "vue";
import { CacheToken } from "@/constants/cacheKey";
import Lang from "@/components/base/lang/index";
import baseService from "@/service/baseService";
import { setCache, setlocalStorageCache } from "@/utils/cache";
import { ElMessage } from "element-plus";
import { getUuid, encrypt } from "@/utils/utils";
import app from "@/constants/app";
import SvgIcon from "@/components/base/svg-icon/index";
import { useAppStore } from "@/store";
import { useRouter } from "vue-router";
import { useI18n } from "vue-i18n";
// import myComponentCopy from "./my-component-copy.vue";

const store = useAppStore();

const router = useRouter();
const { t } = useI18n();
const list = ref(t("home.desc.list").split("\n"));


onMounted(() => {
  debugger;
  //清理数据
//   store.logout();
// debugger;
//   const access_token = getCookie('token-params');
//   setlocalStorageCache({access_token}); // http://localhost:7070/sys/home http://localhost:8011/home
});
</script>

<!-- <script lang="ts">
import { defineComponent, ref } from "vue";
import { useI18n } from "vue-i18n";
export default defineComponent({
  setup() {
    const { t } = useI18n();
    const list = ref(t("home.desc.list").split("\n"));
    return { list };
  }
});
</script> -->
